﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
$(function(){
	
	var layout = [
		".talk",
		".gather_panel_1",
		".gather_panel_2",
		".gather_panel_3",
		".gather_panel_4",
		".gather_panel_5",
		".gather_panel_6",
		".gather_panel_7",
		".gather_panel_8",
		".gather_panel_9",
		".gather_panel_10"
	];
	var timeDelay = [ .8,.3,.6,.2,.1,.1,.1,.1,.1,.1,.1 ];
	var timeDurat = [ .3,.2,.2,.2,.2,.1,.1,.1,.1,.1,.1 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){window.parent.nextAnimation('page7_boom1.html');},page_total*1000);	
	
	setTimeout(function(){
		window.parent.playMessageGroup(1);
	},timeDelay[1]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(2);
	},timeDelay[2]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(3);
	},timeDelay[3]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(4);
	},timeDelay[4]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(5);
	},timeDelay[5]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(6);
	},timeDelay[6]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(7);
	},timeDelay[7]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(8);
	},timeDelay[8]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(9);
	},timeDelay[9]*1000);
	setTimeout(function(){
		window.parent.playMessageGroup(10);
	},timeDelay[10]*1000);
})
</script>

<style>
	.hide_height{animation-name: gather_show;}
	.talk{animation-name: window_hidden;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_6"></dl></div>
	<div class="gather">
		<div class="gather_list">
			<dl class="gather_firsttop">
				<dt style="background-image: url(img/timg.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子妈妈营</h2>
					<h3>作业批改完成</h3>
				</dd>
			</dl>
			<div class="hide_height gather_panel_10">
				<dl>
					<dt style="background-image: url(img/profile/group_family.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>华山论剑家庭群</h2>
						<h3>周末一起出去郊游啊</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_9">
				<dl>
					<dt style="background-image: url(img/profile/group_home.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>阳光小区物业群</h2>
						<h3>电费都交不起了</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_8">
				<dl>
					<dt style="background-image: url(img/profile/group_design.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>华中区设计小分队</h2>
						<h3>看到一个很好玩的设计</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_7">
				<dl>
					<dt style="background-image: url(img/profile/group_mother.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>阳光小区妈妈大本营</h2>
						<h3>今天小区有人遛狗</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_6">
				<dl>
					<dt style="background-image: url(img/profile/group_eat.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>吃货联盟</h2>
						<h3>门口火锅店打7折啊！！</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_5">
				<dl>
					<dt style="background-image: url(img/profile/group_word.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>海外代购杂货铺</h2>
						<h3>原单童装打7折，今天可以寄到国内</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_4">
				<dl>
					<dt style="background-image: url(img/profile/group_leader.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>小组leader集中营</h2>
						<h3>这个月全勤奖又黄了</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_3">
				<dl>
					<dt style="background-image: url(img/profile/group2.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>英语辅导2班家长交流群(30)</h2>
						<h3>今日打卡提醒，李磊家长，你家孩子没有在线打卡</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_2">
				<dl>
					<dt style="background-image: url(img/profile/teacher_z.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>英语培训赵老师</h2>
						<h3>薇薇妈，薇薇的学习进度已经同步发您微信啦</h3>
					</dd>
				</dl>
			</div>
			<div class="hide_height gather_panel_1">
				<dl>
					<dt style="background-image: url(img/profile/teacher_w.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>钢琴王老师</h2>
						<h3>本年度考级已经全面启动，请大家留意群里的最新动态</h3>
					</dd>
				</dl>
			</div>
			<dl>
				<dt style="background-image: url(img/profile/group.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子小学102班家长群</h2>
					<h3>赵老师：@all这周的课外拓展</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/husband.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>老公</h2>
					<h3>老公，我今天加班，薇薇今天学校大扫除</h3>
				</dd>
			</dl>
		</div>
	</div>
	<div class="talk keyboard_show">
		<div class="talk_list">
			<dl class="talk_husband_0"></dl>
			<dl class="talk_husband_1"></dl>
			<dl class="talk_husband_2"></dl>
			<dl class="talk_husband_3"></dl>
			<dl class="talk_husband_4"></dl>
			<dl class="talk_husband_5"></dl>
			<dl class="talk_husband_6"></dl>
			<dl class="talk_husband_7"></dl>
			<dl class="talk_husband_8"></dl>
			<dl class="talk_husband_9"></dl>
			<dl class="talk_husband_10"></dl>
			<dl class="talk_husband_11"></dl>
		</div>
		<div class="talk_top"><dl>老公</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input"></div>
			</div>
		</div>
	</div>
</div>

</body>
</html>